Ext.define('Editor.view.NewWindow', {
    extend: 'Ext.form.Panel',
    alias: 'widget.newwindow',
    itemId: 'newwindow',
    bodyPadding: 10,
    autoScroll: true,
    defaultType: 'container',
    defaults: {layout: 'hbox', margin: '0 0 5 0', height: 27},
    layout: {type: 'vbox', align: 'stretch'},
    items: [{
        items: [{
            xtype: 'button',
            text: 'reset',
            action: 'reset',
            margin: '0 5 0 0'
        },{
            xtype: 'button',
            text: 'gen code',
            action: 'gencode',
            margin: '0 5 0 0'
        },{
            xtype: 'button',
            text: 'create cmp',
            action: 'create',
            margin: '0 5 0 0'
        },{
            xtype: 'button',
            text: 'get prop',
            action: 'getprop'
        }]
    },{
        style: 'border-width: 0px 0px 1px 0px; border-color: #000000; border-style:solid; margin: 0px 0px 2px 0px;',
        items: [{
            xtype: 'label',
            text: 'Basic'
        }]
    },{
        items: [{
            xtype: 'checkbox',
            prefix: 'include',
            checked: true,
            margin: '0 5 0 0'
        },{
            xtype: 'textfield',
            fieldLabel: 'Title',
            name: 'title',
            flex: 1
        }]
    },{
        items: [{
            xtype: 'checkbox',
            prefix: 'include',
            checked: true,
            margin: '0 5 0 0'
        },{
            xtype: 'radiogroup',
            fieldLabel: 'autoShow',
            flex: 1,
            columns: 2,
            items: [{
                boxLabel: 'true',
                name: 'autoShow',
                inputValue: true,
                checked: true
            },{
                boxLabel: 'false',
                name: 'autoShow',
                inputValue: false
            }]
        }]
    },{
        items: [{
            xtype: 'checkbox',
            prefix: 'include',
            checked: true,
            margin: '0 5 0 0'
        },{
            xtype: 'numberfield',
            fieldLabel: 'Width',
            name: 'width',
            flex: 1,
            minValue: 0,
            value: 300
        }]
    },{
        items: [{
            xtype: 'checkbox',
            prefix: 'include',
            checked: true,
            margin: '0 5 0 0'
        },{
            xtype: 'numberfield',
            fieldLabel: 'Height',
            name: 'height',
            flex: 1,
            minValue: 0,
            value: 300
        }]
    },{
        style: 'border-width: 0px 0px 1px 0px; border-color: #000000; border-style:solid; margin: 0px 0px 2px 0px;',
        items: [{
            xtype: 'label',
            text: 'Tools'
        }]
    },{
        items: [{
            xtype: 'checkbox',
            prefix: 'include',
            margin: '0 5 0 0'
        },{
            xtype: 'radiogroup',
            fieldLabel: 'collapsible',
            disabled: true,
            flex: 1,
            columns: 2,
            items: [{
                boxLabel: 'true',
                name: 'collapsible',
                inputValue: true,
                checked: true
            },{
                boxLabel: 'false',
                name: 'collapsible',
                inputValue: false
            }]
        }]
    },{
        items: [{
            xtype: 'checkbox',
            prefix: 'include',
            margin: '0 5 0 0'
        },{
            xtype: 'radiogroup',
            fieldLabel: 'maximizable',
            disabled: true,
            flex: 1,
            columns: 2,
            items: [{
                boxLabel: 'true',
                name: 'maximizable',
                inputValue: true,
                checked: 'true'
            },{
                boxLabel: 'false',
                name: 'maximizable',
                inputValue: false
            }]
        }]
    },{
        items: [{
            xtype: 'checkbox',
            prefix: 'include',
            margin: '0 5 0 0'
        },{
            xtype: 'radiogroup',
            fieldLabel: 'closable',
            disabled: true,
            flex: 1,
            columns: 2,
            items: [{
                boxLabel: 'true',
                name: 'closable',
                inputValue: true,
                checked: true
            },{
                boxLabel: 'false',
                name: 'closable',
                inputValue: false
            }]
        }]
    },{
        style: 'border-width: 0px 0px 1px 0px; border-color: #000000; border-style:solid; margin: 0px 0px 2px 0px;',
        items: [{
            xtype: 'label',
            text: 'Status'
        }]
    },{
        items: [{
            xtype: 'checkbox',
            prefix: 'include',
            margin: '0 5 0 0'
        },{
            xtype: 'radiogroup',
            fieldLabel: 'collapsed',
            disabled: true,
            flex: 1,
            columns: 2,
            items: [{
                boxLabel: 'true',
                name: 'collapsed',
                inputValue: true,
                checked: 'true'
            },{
                boxLabel: 'false',
                name: 'collapsed',
                inputValue: false
            }]
        }]
    },{
        items: [{
            xtype: 'checkbox',
            prefix: 'include',
            margin: '0 5 0 0'
        },{
            xtype: 'radiogroup',
            fieldLabel: 'Disabled',
            disabled: true,
            flex: 1,
            columns: 2,
            items: [{
                boxLabel: 'true',
                name: 'disabled',
                inputValue: true,
                checked: true
            },{
                boxLabel: 'false',
                name: 'disabled',
                inputValue: false
            }]
        }]
    },{
        items: [{
            xtype: 'checkbox',
            prefix: 'include',
            margin: '0 5 0 0'
        },{
            xtype: 'radiogroup',
            fieldLabel: 'maximized',
            disabled: true,
            flex: 1,
            columns: 2,
            items: [{
                boxLabel: 'true',
                name: 'maximized',
                inputValue: true,
                checked: true
            },{
                boxLabel: 'false',
                name: 'maximized',
                inputValue: false
            }]
        }]
    },{
        style: 'border-width: 0px 0px 1px 0px; border-color: #000000; border-style:solid; margin: 0px 0px 2px 0px;',
        items: [{
            xtype: 'label',
            text: 'Divers'
        }]
    },{
        items: [{
            xtype: 'checkbox',
            prefix: 'include',
            margin: '0 5 0 0'
        },{
            xtype: 'textfield',
            fieldLabel: 'items',
            disabled: true,
            name: 'items',
            flex: 1,
            value: '{xtype: "panel", title: "un panel", items: [{xtype: "button", text:"toto"}]}'
        }]
    }]

});

/*
items: [{
            xtype: 'checkbox',
            prefix: 'include',
            margin: '0 5 0 0'
        },{
            xtype: '',
            fieldLabel: '',
            name: ''
        }]
        
*/

/*
    xtype: 'radiogroup',
    fieldLabel: '',
    flex: 1,
    columns: 2,
    items: [{
        boxLabel: 'true',
        name: '',
        inputValue: '',
        checked: 'true'
    },{
        boxLabel: 'false',
        name: '',
        inputValue: ''
    }]
*/
 // sakdlkakdlkd
